$(function () {
  // alert(123);
  // console.log(window);
  // 当前window表示 iframe结构，父元素代表index，在index文档下面找 .level02 下面的 li
  $(".level02 li", window.parent.document)
    .eq(1)
    .addClass("active")
    .siblings()
    .removeClass("active");

  // 获取所有文章列表，渲染到编辑页面的文章类别
  $.ajax({
    method: "GET",
    url: BigNew.category_list,
    success: (res) => {
      // console.log(res);
      const htmlStr = template("cateItem", { list: res.data });
      $(".category").html(htmlStr);
    },
  });

  // 2.0 文章封面上传
  $("#inputCover").change(() => {
    // 获取图片路径对象
    const file = $("#inputCover").get(0).files[0];
    console.log(file);
    // 转换成 可识别 路径链接
    const url = URL.createObjectURL(file);
    console.log(url);
    // 修改图片路径
    $(".article_cover").prop("src", url);
  });

  // 3.0 加载日期插件
  jeDate("#date", {
    // 事件触发：可绑定一个或多个事件
    trigger: "click",
    theme: { bgcolor: "#00A680", pnColor: "#00DDAA" }, //绿色主题
    format: "YYYY-MM-DD", // 时间格式
    // 是否设置初始值（现在的时间）
    isinitVal: true,
  });

  // 4.0 文本编辑器
  tinymce.init({
    selector: "#content",
    height: "350px",
    language: "zh_CN",
    directionality: "ltr",
    browser_spellcheck: true,
    contextmenu: false,
    plugins: [
      "advlist autolink lists link image charmap print preview anchor",
      "searchreplace visualblocks code fullscreen",
      "insertdatetime media table contextmenu paste imagetools wordcount",
      "code",
    ],
    toolbar:
      "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",
  });
  console.log(tinymce);

  // ajax请求 发布新文章

  $('[type="submit"]').click(function (e) {
    // 阻止默认跳转
    e.preventDefault();
    // 获取当前按钮
    const state = $(this).attr("data-state");
    console.log(state);
    // 利用 FormData 获取 原生表单 中所有元素的值
    const fd = new FormData(document.getElementById("form"));
    // 获取 content 内容
    const content = tinymce.activeEditor.getContent();
    // content 内容 赋值到 fd的content 中
    fd.set("content", content);
    fd.forEach((value, key) => {
      console.log(value, key);
    });

    // ajax请求 发布文章
    $.ajax({
      url: BigNew.article_publish,
      method: "POST",
      data: fd,
      contentType: false,
      processData: false,
      success: (res) => {
        // console.log(res);
        if (res.code === 200) {
          alert(res.msg);
          location.href = "./article_list.html";
        }
      },
      
    });
  });
});
